*{
  font-family: "微软雅黑";
}
html,body{
  height: 100%;
}
body{
  display: flex;
  flex-direction: column;
}
.header{
  height: 1.28rem;
  background-color: #19BE7A;
  p{
    padding-top: 0.38rem;
    text-align: center;
    font-size: 0.36rem;
    line-height: .9rem;
    color: #ffffff;
  }
}
.main{
  flex: 1;
  .register-phone {
    margin-top: 0.9rem;
    margin-left: 0.7rem;
    margin-bottom: 0.2rem;
    img {
      width: 0.26rem;
      height: 0.34rem;
    }
  }
  input{
    height: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.4rem;
    border: none;
    color: #cccccc;
    height: 0.7rem;
    padding-left: 0.24rem;
    width: 5.2rem;
  }
  .fenjie{
    width: 6.7rem;
    border:0.005rem solid #e3e3e3;
    margin: 0 auto;
  }
  .register-number {
    margin-top: 0.22rem;
    margin-left: 0.7rem;
    margin-bottom: 0.2rem;
    img{
      width: 0.28rem;
      height: 0.32rem;
    }
    input{
      height: 0.4rem;
      font-size: 0.32rem;
      line-height: 0.4rem;
      border: none;
      color: #cccccc;
      height: 0.7rem;
      padding-left: 0.24rem;
      width: 3.5rem;
    }
    button{
      background-color: #19be7a;
      float: right;
      margin-right: 0.4rem;
      width: 2.14rem;
      height: 0.7rem;
      color: #ffffff;
      font-size: 0.36rem;
      border: none;
      border-radius: 0.15rem;
    }
  }
  .register-name {
    margin-top: 0.22rem;
    margin-left: 0.7rem;
    margin-bottom: 0.2rem;
    img{
      width: 0.28rem;
      height: 0.32rem;
    }
  }
  .register-password {
    margin-top: 0.22rem;
    margin-left: 0.7rem;
    margin-bottom: 0.2rem;
    img{
      width: 0.28rem;
      height: 0.32rem;
    }
  }
  .register{
    text-align: center;
    margin-top: 0.86rem;
    margin-bottom: 0.7rem;
    button{
      background-color: #19be7a;
      width: 6.72rem;
      height: 0.9rem;
      color: #ffffff;
      font-size: 0.36rem;
      border: none;
      border-radius: 0.15rem;
    }
  }
}

